header .container-fluid {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}


.navbar-nav .nav-link > *
{
    padding:.5rem;
    /*font-size:1rem;*/
}

.user-nav{
    display:flex;
    align-items: center;
}

header .navbar {
    background: var(--color-head);
    
}

.nav-item .btn-link{
    color:white;
}

@media (max-width: 576px) {
    header {
        min-height: 2.8rem;
        /* z-index: 31; */
        /* position: sticky; */
        /* top: 0; */
    }

        header .navbar {
            padding: 6px .75rem;
            /*background: var(--color-head);*/
        }
}

@media (min-width: 576px) {
    .nav-item.mobile {
        display: none;
    }

   
}